<!--
	首页
-->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>JZ-energy</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="../css/mui.min.css"/>
		<link rel="stylesheet" type="text/css" href="../css/public.css"/>
		<link rel="stylesheet" type="text/css" href="../libs/minirefresh.min.css" />
		<link rel="stylesheet" type="text/css" href="../libs/themes/default/minirefresh.theme.default.min.css" />
		<style type="text/css">
			html,body {width: 100%;height: 100%;}
			body {min-height: 576px;}
			.mui-grid-view.mui-grid-9 .mui-table-view-cell {padding: 10px 0 0 0;}
			.middle-div {height: 12%;}
			.mui-slider-indicator {right: 10px;}
			.mui-slider-indicator .mui-indicator {margin: 1px 2px;}
			.mui-slider-loop, .mui-slider-item, .mui-slider-item>a, .mui-slider-item>a>img {height: 100%;}
			.mui-slider-indicator .mui-indicator {box-shadow:none;-webkit-box-shadow: none;background: #d8d8d8;}
		</style>
	</head>
	<body>
		<!--底部导航栏-->
		<nav class="mui-bar mui-bar-tab bg-FFF">
			<a class="mui-tab-item mui-active" href="index.html">
				<span class="mui-icon"><img src="../img/index-hover.png"/></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item" href="monitor.html">
				<span class="mui-icon"><img src="../img/jiance.png"/></span>
				<span class="mui-tab-label">监测</span>
			</a>
			<a class="mui-tab-item" href="work.html">
				<span class="mui-icon"><img src="../img/gongzuo.png"/></span>
				<span class="mui-tab-label">工作</span>
			</a>
			<a class="mui-tab-item" href="myInfor.html">
				<span class="mui-icon"><img src="../img/wode.png"/></span>
				<span class="mui-tab-label">我的</span>
			</a>
		</nav>
		<!--头部导航栏-->
		<header class="mui-bar mui-bar-nav bg-FFF">
			<div class="mui-pull-left" style="padding-top: 3px;">
				<img src="../img/logo.png" height="35"/>
			</div>
			<a href="#topPopover" class="mui-tab-item mui-pull-right bRight">
				<span class="mui-badge message bg-mess col-FFF">0</span>
				<span class="mui-icon"><img src="../img/message.png" width="18"/></span>
			</a>
			<div class="mui-title font-14 col-58" style="text-align: right;">
				<span class="bRight">
					<span class="ver-md d-lb">
						<img src="../img/zuobiao.png" class="monitor-add ver-md"/>
					</span>
					<span class="ver-md d-lb" id="cityname"></span>
				</span>
				<span class="bRight">
					<span class="ver-md d-lb">
						<img src="../weatherImg/tq-duoyun.png" class="wether-add ver-md" id="pinyin"/>
					</span>
					<span class="ver-md d-lb" id="template">23℃</span>
				</span>
			</div>
		</header>
		<!--右上角弹出菜单-->
		<div id="topPopover" class="mui-popover">
			<div class="mui-popover-arrow"></div>
			<div class="mui-scroll-wrapper">
				<div class="mui-scroll">
					<ul class="mui-table-view">
						<li class="mui-table-view-cell col-fonts font-13">

							<a id="qxdmu" href="station-listQX.html?sel=index&way=nodefect&navsel=defect">

								<span>缺陷单</span>
								<span class="mui-badge mui-badge-danger" >0</span>
							</a>
						</li>
						<li class="mui-table-view-cell col-fonts font-13">
							<a id="xsdjmu" href="station-listXS.html?sel=index&way=nocom&navsel=xunshi">
								<span>巡视登记</span>
								<span class="mui-badge mui-badge-danger">0</span>
							</a>
						</li>
						<li class="mui-table-view-cell col-fonts font-13">
							<a href="notice.html?sel=index&note=notice">
								<span>公告</span>
								<span class="mui-badge mui-badge-danger">0</span>
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="mui-content wh-100 bg-F8F">
			<!--轮播图-->
			<div class="mui-slider" style="width: 100%; height: 24%;">
				<div class="mui-slider-group mui-slider-loop">
					<div class="mui-slider-item mui-slider-item-duplicate">
						<a href="">
							<img src="../img/jz-banner4.png">
						</a>
					</div>
					<div class="mui-slider-item">
						<a href="">
							<img src="../img/jz-banner1.png">
						</a>
					</div>
					<div class="mui-slider-item">
						<a href="">
							<img src="../img/jz-banner2.png">
						</a>
					</div>
					<div class="mui-slider-item">
						<a href="">
							<img src="../img/jz-banner3.png">
						</a>
					</div>
					<div class="mui-slider-item">
						<a href="">
							<img src="../img/jz-banner4.png">
						</a>
					</div>
					<div class="mui-slider-item mui-slider-item-duplicate">
						<a href="">
							<img src="../img/jz-banner1.png">
						</a>
					</div>
				</div>
				<div class="mui-slider-indicator mui-text-right">
					<div class="mui-indicator mui-active"></div>
					<div class="mui-indicator"></div>
					<div class="mui-indicator"></div>
					<div class="mui-indicator"></div>
				</div>
			</div>
			
			<div style="width: 100%; height: 76%; position: relative;">
				<div id="minirefresh" class="minirefresh-wrap wh-100">
					<div class="minirefresh-scroll wh-100">
							<div class="bg-FFF t-a" style="width: 100%;height: 19%;">
								<div class="pw-ele-line"></div>
								<table class="pw-ele-table">
									<tr class="ells col-orange">
										<td><span class="font-26" id="acpower">0.00</span> <span>kW</span></td>
										<td><span class="col-orange font-26 bRight" id="daycap">0.00</span><span>kWh</span></td>
									</tr>
									<tr class="font-14 col-fonts">
										<td>总功率</td>
										<td>日发电量</td>
									</tr>
								</table>
							</div>
							<div class="line"></div>
							<div class="t-a five-box bg-FFF">
								<table class="wh-100">
									<tr>
										<td class="font-13 col-58">电站数量</td>
										<td class="font-13 col-58">装机容量</td>
										<td class="font-13 col-58">总发电量</td>
										<td class="font-13 col-58">节约标煤</td>
									</tr>
									<tr>
										<td class="font-12 ells col-00a"><b class="font-16 bRight" id="pscount">0</b>座</td>
										<td class="font-12 ells col-00a"><b class="font-16 bRight" id="capacity">0.00</b><span>kW</span></td>
										<td class="font-12 ells col-00a"><b class="font-16 bRight" id="totalCap">0.00</b>kWh</td>
										<td class="font-12 ells col-00a"><b class="font-16 bRight" id="coal">0.00</b>t</td>
									</tr>
								</table>
							</div>
							<div class="line"></div>
							<div class="notice font-13 bg-FFF">
								<div class="mui-pull-left h-100 index-GLeft disal">
									<span class="col-red bRight ver-md">公告</span>
									<span class="tongzhi ver-md"><img src="../img/gonggao.png" class="wh-100"/></span>
								</div>
								<div class="mui-pull-left h-100 index-GRight col-fonts disal">
									<div class="lunbo disal" style="width: 100%;height: 35px;">
										<ul class="index-ul" id="titles"></ul>
									</div>
								</div>
							</div>
							<div class="line"></div>
							<ul class="mui-table-view mui-grid-view ul-table mui-grid-9">
								<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3 screen-padd" style="height: 50%;">
									<a href="monitor.html" class="h-100">
										<span class="listTit"><img src="../img/dianzhanzonglan.svg" class="wh-100"/></span>
										<div class="middle-div"></div>
										<div class="mui-media-body col-fonts font-13">电站总览</div>
									</a>
								</li>
								<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3 screen-padd h-100">
									<a href="saving-reduction.html" class="h-100">
										<span class="listTit"><img src="../img/jienengjianpai.svg" class="wh-100"/></span>
										<div class="middle-div"></div>
										<div class="mui-media-body col-fonts font-13">节能减排</div>
									</a>
								</li>
								<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3 screen-padd h-100">
									<a id="monthport" href="station-listyue.html?sel=index&navsel=yuebao" class="h-100">
										<span class="listTit"><img src="../img/yuebao.svg" class="wh-100"/></span>
										<div class="middle-div"></div>
										<div class="mui-media-body col-fonts font-13">月报</div>
									</a>
								</li>
								<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3 screen-padd h-100">
									<a id="yearport" href="station-list.html?sel=index&navsel=nianbao" class="h-100">
										<span class="listTit"><img src="../img/nianbao.svg" class="wh-100"/></span>
										<div class="middle-div"></div>
										<div class="mui-media-body col-fonts font-13">年报</div>
									</a>
								</li>
								<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3 screen-padd h-100">
									<a href="addressList.html?sel=index&navsel=tongxun" class="h-100">
										<span class="listTit"><img src="../img/tongxunlu.svg" class="wh-100"/></span>
										<div class="middle-div"></div>
										<div class="mui-media-body col-fonts font-13">通讯录</div>
									</a>
								</li>
								<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3 screen-padd h-100">
									<a id="yichangeq" href="station-listEV.html?sel=index&navsel=yichang" class="h-100">
										<span class="listTit"><img src="../img/yichangshebei.svg" class="wh-100"/></span>
										<div class="middle-div"></div>
										<div class="mui-media-body col-fonts font-13">异常设备</div>
									</a>
								</li>
								<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3 screen-padd h-100">
									<a id="quexianeq" href="station-listQX.html?sel=index&navsel=defect" class="h-100">
										<span class="listTit"><img src="../img/quexiandan.svg" class="wh-100"/></span>
										<div class="middle-div"></div>
										<div class="mui-media-body col-fonts font-13">缺陷单</div>
									</a>
								</li>
								<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3 screen-padd h-100">
									<a id="xunshieq" href="station-listXS.html?navsel=xunshi&sel=index" class="h-100">
										<span class="listTit"><img src="../img/xunshidengji.svg" class="wh-100"/></span>
										<div class="middle-div"></div>
										<div class="mui-media-body col-fonts font-13">巡视登记</div>
									</a>
								</li>
							</ul>
							<div class="line"></div>
						</div>
					</div>
				</div>
		</div>
	</body>
	<script type="text/javascript" src="../js/jquery.min.js"></script>
	<script type="text/javascript" src="../js/mui.min.js"></script>
	<script type="text/javascript" src="../js/main.js"></script>
	<script type="text/javascript" src="../js/home/myhome.js"></script>
	<script type="text/javascript" src="../js/notice.js"></script>
	<script type="text/javascript" src="../js/noticename.js"></script>
	<script type="text/javascript" src="../libs/minirefresh.min.js"></script>
	<script type="text/javascript" src="../libs/themes/default/minirefresh.theme.default.min.js"></script>
	
	<script type="text/javascript">

		function lunbo(id, height) {
				var ul = $(id);
				var liFirst = ul.find('li:first');
				$(id).animate({ top: height }).animate({ "top": 0 }, 0, function() {
					var clone = liFirst.clone();
					$(id).append(clone);
					liFirst.remove();
				})
			}
			setInterval("lunbo('.index-ul','-35px')", 5000);
			$("#titles").on("tap",function(){
				router.href("notice.html?sel=index",{notice:"shouye",note:"notice"});
			})

		var onoff = null;
		mui.back=function() {
			if(!onoff) {
				 onoff = new Date().getTime();
				 plus.nativeUI.toast('再按一次退出应用',{'verticalAlign':'top'})
				 setTimeout(function(){  
                    onoff = null;  
                },2000);
			}else if(new Date().getTime() - onoff < 2000){
				plus.runtime.quit(); 
			}
		}

	
		 // H5 plus事件处理
		function plusReady(){
		  	param.isIn || (router.href("index.html?isIn=1"));
		  	if(param.isIn){
			  	var all = plus.webview.all(); 
		        var launch = plus.webview.currentWebview(); 
		        
			  	var logind = plus.webview.getWebviewById("login"); 
			  	 
			  	logind = logind || plus.webview.getWebviewById("HBuilder") || plus.webview.getWebviewById("JZ-energy");
			  	 
			  	if(logind){
				  	logind.close();
				  	logind.clear();
			  	}
		  }
		}
		if(window.plus){
		  plusReady();
		}else{
		  document.addEventListener('plusready', plusReady, false);
		}
		//下拉刷新
		var miniRefresh = new MiniRefresh({
		    container: '#minirefresh',
		    down: {
		    	isLock:false,
		    	offset:50,
		    	successAnim:{
		    		isEnable:true,
		    		duration:500
		    	},
		        callback: function() {
		        	refresh();
		        	notice();
		        	noticename();
		        	noticeRef();
		        	toindites.refOther();
		            setTimeout(function(){
		            	miniRefresh.endDownLoading(true,'');
		            },1000);
		        }
		    },
		    up:{isLock:true}
		});
		
		//图片轮播
		var gallery = mui('.mui-slider');
		gallery.slider({
		  interval:2000//自动轮播周期，若为0则不自动播放
		});
	</script>
</html>
